/*  
Theme Name: Alpha with Hatching
Theme URI: http://www.levork.org/cbb/
Description: A monochromatic theme that uses the Alpha chess font in conjunction with cross hatching for the background of black squares. Squares are 48x48.
Version: 1.0.2
Author: Julian Fong
Author URI: http://www.levork.org/
*/

.CBB-chessboard {
}
.CBB-square {
	/* We need all three of these.. */
	height: 48px;
	min-height: 48px;
	min-width: 48px;
}
.CBB-blackSquare {
	background-image: url(pieces.png);
	background-position: -384px -48px;
	border: 2px solid white;
}
.CBB-whiteSquare {
	background-color: white;
	border: 2px solid white;
}
.CBB-selectedSquare {
	border: 2px solid black;
}
.CBB-moveableSquare {
	border: 2px dashed black;
}
.CBB-rank-grid {
	padding: 0px 5px 0px 5px;
	margin: 0px;
}
.CBB-rank-label {
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
}
.CBB-file-grid {
	padding: 5px 0px 5px 0px;
	margin: 0px;
}
.CBB-file-label {
	text-align: center;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
}
.CBB-gamelog-header {
	font-weight: bold;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: small;
}
.CBB-gamelog-number {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: small;
	text-align: right;
}
.CBB-gamelog-entry {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: small;
}
.CBB-gamelog-entry-with-comment {
	font-style: italic;
}
.CBB-gamelog-entry:hover {
	background-color: #cccccc;
}
.CBB-gamelog-selected-entry {
	font-weight: bold;
}
.CBB-side-label {
	text-transform: uppercase;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: small;
}
.CBB-event-label {
	text-transform: uppercase;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: small;
}
.CBB-blackP-blackSquare {
	background-image: url(pieces.png);
	background-position: -144px -48px;
}
.CBB-blackP-whiteSquare {
	background-image: url(pieces.png);
	background-position: -144px -96px;
}
.CBB-whiteP-blackSquare {
	background-image: url(pieces.png);
	background-position: -144px -144px;
}
.CBB-whiteP-whiteSquare {
	background-image: url(pieces.png);
	background-position: -144px 0px;
}
.CBB-blackN-blackSquare {
	background-image: url(pieces.png);
	background-position: -96px -48px;
}
.CBB-blackN-whiteSquare {
	background-image: url(pieces.png);
	background-position: -96px -96px;
}
.CBB-whiteN-blackSquare {
	background-image: url(pieces.png);
	background-position: -96px -144px;
}
.CBB-whiteN-whiteSquare {
	background-image: url(pieces.png);
	background-position: -96px 0px;
}
.CBB-blackA-blackSquare {
	background-image: url(pieces.png);
	background-position: -288px -48px;
}
.CBB-blackA-whiteSquare {
	background-image: url(pieces.png);
	background-position: -288px -96px;
}
.CBB-whiteA-blackSquare {
	background-image: url(pieces.png);
	background-position: -288px -92px;
}
.CBB-whiteA-whiteSquare {
	background-image: url(pieces.png);
	background-position: -288px 0px;
}
.CBB-blackC-blackSquare {
	background-image: url(pieces.png);
	background-position: -336px -48px;
}
.CBB-blackC-whiteSquare {
	background-image: url(pieces.png);
	background-position: -336px -96px;
}
.CBB-whiteC-blackSquare {
	background-image: url(pieces.png);
	background-position: -336px -144px;
}
.CBB-whiteC-whiteSquare {
	background-image: url(pieces.png);
	background-position: -336px 0px;
}
.CBB-blackB-blackSquare {
	background-image: url(pieces.png);
	background-position: 0px -48px;
}
.CBB-blackB-whiteSquare {
	background-image: url(pieces.png);
	background-position: 0px -96px;
}
.CBB-whiteB-blackSquare {
	background-image: url(pieces.png);
	background-position: 0px -144px;
}
.CBB-whiteB-whiteSquare {
	background-image: url(pieces.png);
	background-position: 0px 0px;
}
.CBB-blackR-blackSquare {
	background-image: url(pieces.png);
	background-position: -240px -48px;
}
.CBB-blackR-whiteSquare {
	background-image: url(pieces.png);
	background-position: -240px -96px;
}
.CBB-whiteR-blackSquare {
	background-image: url(pieces.png);
	background-position: -240px -144px;
}
.CBB-whiteR-whiteSquare {
	background-image: url(pieces.png);
	background-position: -240px 0px;
}
.CBB-blackQ-blackSquare {
	background-image: url(pieces.png);
	background-position: -192px -48px;
}
.CBB-blackQ-whiteSquare {
	background-image: url(pieces.png);
	background-position: -192px -96px;
}
.CBB-whiteQ-blackSquare {
	background-image: url(pieces.png);
	background-position: -192px -144px;
}
.CBB-whiteQ-whiteSquare {
	background-image: url(pieces.png);
	background-position: -192px 0px;
}
.CBB-blackK-blackSquare {
	background-image: url(pieces.png);
	background-position: -48px -48px;
}
.CBB-blackK-whiteSquare {
	background-image: url(pieces.png);
	background-position: -48px -96px;
}
.CBB-whiteK-blackSquare {
	background-image: url(pieces.png);
	background-position: -48px -144px;
}
.CBB-whiteK-whiteSquare {
	background-image: url(pieces.png);
	background-position: -48px 0px;
}
.gwt-DialogBox {
	border: 1px solid black;
}
.gwt-DialogBox .Caption {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: medium;
	text-align: center;
	color: white;
	padding: 3px;
	background-color: #888888;
}
.CBB-button { 
	/* We need all three of these.. */
	height: 48px;
	min-height: 48px;
	min-width: 48px;
}
.CBB-acastle-button {
	background-image: url(buttons.png);
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-acastle-button-up-disabled {
	background-image: url(buttons.png);
	background-position: 0px -48px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #ddd;
	border-left:2px solid #ddd;
}
.CBB-acastle-button-down-hovering {
	background-image: url(buttons.png);
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-hcastle-button {
	background-image: url(buttons.png);
	background-position: -48px 0px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-hcastle-button-up-disabled {
	background-image: url(buttons.png);
	background-position: -48px -48px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #ddd;
	border-left:2px solid #ddd;
}
.CBB-hcastle-button-down-hovering {
	background-image: url(buttons.png);
	background-position: -48px 0px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-draw-button {
	background-image: url(buttons.png);
	background-position: -96px 0px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-draw-button-up-disabled {
	background-image: url(buttons.png);
	background-position: -96px -48px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #ddd;
	border-left:2px solid #ddd;
}
.CBB-draw-button-down-hovering {
	background-image: url(buttons.png);
	background-position: -96px -0px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-resign-button {
	background-image: url(buttons.png);
	background-position: -144px -0px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-resign-button-up-disabled {
	background-image: url(buttons.png);
	background-position: -144px -48px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #ddd;
	border-left:2px solid #ddd;
}
.CBB-resign-button-down-hovering {
	background-image: url(buttons.png);
	background-position: -144px 0px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-flip-button {
	background-image: url(buttons.png);
	background-position: -192px 0px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-flip-button-down-hovering {
	background-image: url(buttons.png);
	background-position: -192px 0px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-start-button {
	background-image: url(buttons.png);
	background-position: -240px 0px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-start-button-down-hovering {
	background-image: url(buttons.png);
	background-position: -240px 0px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-rewind-button {
	background-image: url(buttons.png);
	background-position: -288px 0px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-rewind-button-down-hovering {
	background-image: url(buttons.png);
	background-position: -288px 0px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-forward-button {
	background-image: url(buttons.png);
	background-position: -336px 0px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-forward-button-down-hovering {
	background-image: url(buttons.png);
	background-position: -336px 0px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-end-button {
	background-image: url(buttons.png);
	background-position: -384px 0px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-end-button-down-hovering {
	background-image: url(buttons.png);
	background-position: -384px 0px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-pgn-button {
	background-image: url(buttons.png);
	background-position: -432px 0px;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.CBB-pgn-button-down-hovering {
	background-image: url(buttons.png);
	background-position: -432px 0px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
.CBB-dialog {
	padding: 5px;
	background-color: white;
}
.CBB-dialog-message {
	padding: 10px;
}
.CBB-status {
	margin: 5px;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: small;
}
.CBB-post-message {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: medium;
	color: black;
}
.CBB-gamelogDisclosurePanel .CBB-header { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: small;
	color: black;
	text-decoration: none;
	width: 416px;
}
.CBB-gamelogDisclosurePanel img {
	padding: 0px;
	border: 0px;
}
.CBB-gamelogDisclosurePanel a:hover img {
	padding: 0px;
	border: 0px;
}
